<div class="container-fluid row body_">
    
    <div class="container text-center">
            <h2>英雄联盟争霸赛</h2>
            <span>赛事ID:</span>
            <span>(002)</span>
    </div>
    
    <div class="container GameTab row">
        <ul>
            <li id="a1" class="float_ ">
                <button class="btn btn-primary ">
                    <a onclick="GameTurn(1)">
                        <span>赛事情况</span>
                    </a>
                </button>
            </li>
            <li id="a2" class="float_ ">
                <button class="btn btn-primary">
                    <a  onclick="GameTurn(2)">
                        <span>报名通道</span>
                    </a>
                </button>
            </li>
            <li id="a3" class="float_ ">
                <button class="btn btn-primary">
                    <a  onclick="GameTurn(3)">
                        <span>赛程对阵</span>
                    </a>
                </button>
            </li>
        </ul>
    </div>

    <div class="container border_ GameBox _hidden_" style="display:block" id="Game1"  >

        <div class="float_  Game1_1 bg">
            <div class="col-md-3 float_">
                <span>赛事项目</span>
                <h3>英雄联盟</h3>
            </div>
            <div class="col-md-3 float_">
                <span>对阵赛制</span>
                <h3>5v5</h3>
            </div>
            <div class="col-md-3 float_">
                <span>开始时间</span>
                <h3>2017-03-14&nbsp15:00</h3>
            </div>
        </div>

        <div class="float_ top_bto Game1_2 bg">
            <p class="float_">赛事介绍</p>
            <p class="float_">为了丰富同学们的大学生活，培养各方面的能力，特举办暨南大学英雄联盟争霸赛，参赛报名方式简便，欢迎各位同学踊跃报名。</p>
        </div>

        <div class="float_ top_bto Game1_3 bg">
            <p class="float_">赛事规则</p>
            <p class="float_">(1):进行6V6对抗比赛，胜者出线；<br/>
                (2):可有一名替补队员；<b style="color:#8b140d">(若无替补队员，替补队员填写无，电话为11个6)</b><br/>
                (3):队长注意填写好正确的联系方式，方便联系比赛；<b style="color:#8b140d">(若无显示微信号，请填写其他队员微信号)</b>
            </p>
        </div>

        <div class="float_ top_bto Game1_4 bg">
            <p class="float_">奖金分配</p>
            <p class="float_">公告会有说明<br/><br/><br/><br/><br/></p>
        </div>

    </div>

    <div class="container _hidden_ border_ Game2"  id="Game2">
        <!--6V6征召————英雄联盟-->
        <div ng-controller="LOLForm" class="Game2_">
            <form  name="FormSubmit" ng-submit="save()">
                <!--  队名-->

                <div class="form-group">
                    <img src="./images/flas.png" alt="">
                    <label style="color:#337ab7">队名</label>
                    <input style="background-color: transparent;" type="text"
                           name="LoLteamName"
                           class="form-control input-normal input_change"
                           ng-model="LOLdata.LoLteamName"
                           ng-minlength="2"
                           ng-maxlength="6"
                           placeholder="请输入队名"
                           ng-class="{'error':FormSubmit.LoLteamName.$invalid && FormSubmit.LoLteamName.$touched}"
                           required    >
                    <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoLteamName.$valid" />
                </div>
                <!--队长信息-->
                <div class="cpation_info space">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label style="color:#337ab7" class="font">队长姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="LoLcaptionName"
                               ng-model="LOLdata.LoLcaptionName"
                               ng-class="{'error':FormSubmit.LoLcaptionName.$invalid && FormSubmit.LoLcaptionName.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoLcaptionName.$valid"/>
                    </div>

                    <div class="capSex" ng-init="LOLdata={LoLcaptionsex:'man'}">
                        <img src="./images/sex.png" alt="">
                      <!--  <label class="font">性别:&nbsp&nbsp</label>-->

            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="LOLdata.LoLcaptionsex"
                       type="radio"
                       name="LoLcaptionsex"
                       id="inlineRadio_1"
                       value="man">男
            </span>
            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="LOLdata.LoLcaptionsex"
                       type="radio"
                       name="LoLcaptionsex"
                       id="inlineRadio_2"
                       value="woman">女
            </span>
                    </div>

                    <div class="form-group">
                        <img src="./images/phone.png" alt="">
                        <label class="font">手机:</label>
                        <input style="background-color: transparent;"
                                name="LoLphone" ng-model="LOLdata.LoLphone"
                                ng-minlength="11"
                                ng-maxlength="11"
                                ng-class="{'error':FormSubmit.LoLphone.$invalid && FormSubmit.LoLphone.$touched}"
                                type="number"
                                class="form-control input-normal input_change"
                                placeholder="请输入手机号码"
                                required>
                        <p class="p_color" ng-if="FormSubmit.LoLphone.$invalid && FormSubmit.LoLphone.$touched">请输入正确的11位号码</p>
                        <img  class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoLphone.$valid"/>
                </div>

                    <div class="form-group">
                        <img src="./images/wechar.png" alt="">
                        <label class="font">微信号:</label>
                        <input style="background-color: transparent;" name="LoLcaptionWechar" ng-model="LOLdata.LoLcaptionWechar" class="form-control input-normal input_change" ng-class="{'error':FormSubmit.LoLcaptionWechar.$invalid && FormSubmit.LoLcaptionWechar.$touched}" placeholder="请输入微信号" required>
                    </div>
                </div>
                <!--  队员1信息-->
                <div class="menber1 space">
                    <div class=" form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员1姓名：</label>
                        <input style="background-color: transparent;" type="text" class="form-control input-normal input_change" placeholder="请输入姓名"
                               name="LoL1_Name"
                               ng-model="LOLdata.LoL1_Name"
                               ng-class="{'error':FormSubmit.LoL1_Name.$invalid && FormSubmit.LoL1_Name.$touched}" required>
                        <img src="./images/check.svg" class="Game_check_img" ng-if="FormSubmit.LoL1_Name.$valid"/>
                    </div>
                    <div  ng-init="LOLdata={LoL1_sex:'man'}">
                    <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline ">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL1_sex"
                   type="radio"
                   name="LoL1_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL1_sex"
                   type="radio"
                   name="LoL1_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                </div>
                </div>
                <!--队员2-->
                <div class="menber2 space">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label style="color:#337ab7" class="font">队员2姓名：</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="LoL2_Name"
                               ng-model="LOLdata.LoL2_Name"
                               ng-class="{'error':FormSubmit.LoL2_Name.$invalid && FormSubmit.LoL2_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoL2_Name.$valid"/>
                    </div>
                    <div  ng-init="LOLdata={LoL2_sex:'man'}">
                        <label class="font">性别:&nbsp&nbsp</label>

            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="LOLdata.LoL2_sex"
                       type="radio"
                       name="LoL2_sex"
                       id="inlineRadio1"
                       value="man">男
            </span>
            <span class="radio-inline">
                <input style="background-color: transparent;" ng-model="LOLdata.LoL2_sex"
                       type="radio"
                       name="LoL2_sex"
                       id="inlineRadio2"
                       value="woman">女
            </span>
                    </div>
                </div>
                <!--队员3-->
                <div class="menber3 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员3姓名：</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="LoL3_Name"
                               ng-model="LOLdata.LoL3_Name"
                               ng-class="{'error':FormSubmit.LoL3_Name.$invalid && FormSubmit.LoL3_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoL3_Name.$valid"/>
                    </div>
                    <div ng-init="LOLdata={LoL3_sex:'man'}">
                    <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL3_sex"
                   type="radio"
                   name="LoL3_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL3_sex"
                   type="radio"
                   name="LoL3_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                </div>
                </div>
                <!--队员4-->
                <div class="menber4 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员4姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="LoL4_Name"
                               ng-model="LOLdata.LoL4_Name"
                               ng-class="{'error':FormSubmit.LoL4_Name.$invalid && FormSubmit.LoL4_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoL4_Name.$valid"/>
                    </div>
                    <div ng-init="LOLdata={LoL4_sex:'man'}">
                    <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL4_sex"
                   type="radio"
                   name="LoL4_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL4_sex"
                   type="radio"
                   name="LoL4_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                </div>
                </div>
                <!--队员5-->
                <div class="menber5 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">队员5姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="LoL5_Name"
                               ng-model="LOLdata.LoL5_Name"
                               ng-class="{'error':FormSubmit.LoL5_Name.$invalid && FormSubmit.LoL5_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoL5_Name.$valid"/>
                    </div>
                    <div ng-init="LOLdata={LoL5_sex:'man'}">
                    <label class="font">性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL5_sex"
                   type="radio"
                   name="LoL5_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL5_sex"
                   type="radio"
                   name="LoL5_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                </div>
                </div>
                <!--替补队员5-->
                <div class="menber6 space ">
                    <div class="form-group">
                        <img src="./images/head2.png" alt="">
                        <label class="font">替补队员姓名</label>
                        <input style="background-color: transparent;" type="text"
                               class="form-control input-normal input_change"
                               placeholder="请输入姓名"
                               name="LoL6_Name"
                               ng-model="LOLdata.LoL6_Name"
                               ng-class="{'error':FormSubmit.LoL6_Name.$invalid && FormSubmit.LoL6_Name.$touched}" required>
                        <img class="Game_check_img" src="./images/check.svg" ng-if="FormSubmit.LoL6_Name.$valid"/>
                    </div>
                    <div ng-init="LOLdata={LoL6_sex:'man'}">
                    <label>性别:&nbsp&nbsp</label>

        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL6_sex"
                   type="radio"
                   name="LoL6_sex"
                   id="inlineRadio1"
                   value="man">男
        </span>
        <span class="radio-inline">
            <input style="background-color: transparent;" ng-model="LOLdata.LoL6_sex"
                   type="radio"
                   name="LoL6_sex"
                   id="inlineRadio2"
                   value="woman">女
        </span>
                </div>
                </div>
                <!--按钮-->
                <button
                        type="submit"
                        class="btn btn-success"
                        ng-disabled="FormSubmit.$invalid"
                >提交</button>
            </form>
        </div>
    </div>

    <div class="container _hidden_" id="Game3">
        <div>
            <h1>功能拓展中...</h1>
        </div>
    </div>

</div>